/*-----------
ALERT MODAL
-----------*/

#overlay {
    position:fixed;
    top:0; right:0;
    bottom:0; left:0;
    background:url(../../modalAjax/images/overlay-pattern.png);
    z-index:10000;
    display:none;
}

#alertModalOuter {
    padding:6px;
    border-radius:5px;
    background:url(../../modalAjax/images/alert-modal-outer.png);
    position:absolute;
    top:50%; left:50%;
    z-index:10001;
    margin-left:-36px;
    margin-top:-36px;
}

#alertModal {
    padding:30px;
    background:#fff;
    border-radius:5px;
}

/*-----------
ALERT PAGE
-----------*/

#alert { display:none; width:300px; height:80px; text-align:center }
#alert p { font-size:16px; color:#616161; margin-bottom:20px; display:inline-block; text-shadow:0 1px 1px transparent }

/*-----------
ALERT BUTTONS
-----------*/

.alertButton {
    display:inline-block;
    padding:4px 15px 4px 12px;
    border-radius:3px;
    font-size:16px;
    color:#fff;
    box-shadow:0 1px 3px rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,255,255,0.4);
    margin-right:15px;
}

.alertButton span {
    display:block;
    padding:0 0 0 22px;
}

/*-----------
YES BUTTON
-----------*/

#yes {
    background: #7ce59a; /* Old browsers */
    background: -moz-linear-gradient(top, #7ce59a 0%, #3bc261 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7ce59a), color-stop(100%,#3bc261)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #7ce59a 0%,#3bc261 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #7ce59a 0%,#3bc261 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #7ce59a 0%,#3bc261 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7CE59A', endColorstr='#3BC261',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #7ce59a 0%,#3bc261 100%); /* W3C */
    border:1px solid #5ca64c;
    border-bottom-color:#318123;
    text-shadow:0 -1px 0px #1cc132;
}

#yes:hover {
    background: #99f0b2; /* Old browsers */
    background: -moz-linear-gradient(top, #99f0b2 0%, #3ac160 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#99f0b2), color-stop(100%,#3ac160)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #99f0b2 0%,#3ac160 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #99f0b2 0%,#3ac160 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #99f0b2 0%,#3ac160 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99F0B2', endColorstr='#3AC160',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #99f0b2 0%,#3ac160 100%); /* W3C */
}

#yes span { background:url(../../modalAjax/images/tick-cross.png) no-repeat 0 4px; }

/*-----------
NO BUTTON
-----------*/

#no { 
    background: #fc8a95; /* Old browsers */
    background: -moz-linear-gradient(top, #fc8a95 0%, #e74c74 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fc8a95), color-stop(100%,#e74c74)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fc8a95 0%,#e74c74 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fc8a95 0%,#e74c74 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #fc8a95 0%,#e74c74 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FC8A95', endColorstr='#E74C74',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #fc8a95 0%,#e74c74 100%); /* W3C */
    border:1px solid #cb3f63;
    border-bottom-color:#a61f41;
    text-shadow:0 -1px 0px #f5445c;
    margin:0
}

#no:hover {
    background: #faa7af; /* Old browsers */
    background: -moz-linear-gradient(top, #faa7af 0%, #e74c74 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#faa7af), color-stop(100%,#e74c74)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #faa7af 0%,#e74c74 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #faa7af 0%,#e74c74 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #faa7af 0%,#e74c74 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FAA7AF', endColorstr='#E74C74',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #faa7af 0%,#e74c74 100%); /* W3C */
}

#no span { background:url(../../modalAjax/images/tick-cross.png) no-repeat 0 -22px; }